<?php
include('./php/connect.php');
include('./php/query_khu_dhct.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Địa bàn thành phố Cần Thơ</title>
        <link rel="shortcut icon" href="icons/title.ico" type="image/x-icon" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link rel="stylesheet" href="css/mycss.css" rel="stylesheet" media="all"/>
        <script type="text/javascript" src="scripts/maps.js" ></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=vi"></script>
        <script type="text/javascript">
            google.maps.event.addDomListener(window, 'load', function () {
                var positions = [];
                var icons = [];
                var infors = [];
            <?php
            while ($row = mysql_fetch_array($rs)) {
                echo "infors.push('" . $row['mo_ta'] . "');";
                echo "positions.push(new google.maps.LatLng(" . $row['lat'] . "," . $row['long'] . "));";
                echo "icons.push(new google.maps.MarkerImage('" . $row['icon'] . "'));";
            }
            ?>
                show(infors, positions, icons);
            });
        </script>
    </head>
    <body>
        <h1>Địa bàn thành phố Cần Thơ</h1>
        <select id="changeZoom">
            <option>Chọn tỉ lệ zoom</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
            <option>13</option>
            <option>14</option>
            <option>15</option>
            <option>16</option>
            <option>17</option>
            <option>18</option>
            <option>19</option>
            <option>20</option>
        </select>&nbsp;
        <input type="button" value="Vị trí các khu Đại học Cần Thơ" id="changeValues" />&nbsp;
        <input type="button" value="Mặc định" id="backValues" />&nbsp;
        <input type="button" value="Xóa Polyline" id="resetPols" />&nbsp;
        <input type="button" value="Trang chủ" id="index" onclick="location.href='index.php'" />&nbsp;
        <br/><br/>
        <div id="map"></div>
    </body>
</html>
